<%@ page language="java" contentType="text/html; charset=utf-8"	pageEncoding="utf-8"%>
<!DOCTYPE html>
<!-- saved from url=(0050)http://www.williamghelfi.com/demos/b3-landing-page -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>登录</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css">
	<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

	<link href="http://fonts.googleapis.com/css?family=Abel|Open+Sans:400,600" rel="stylesheet">

<script>
	function reLoadImage() {
		document.getElementById("valimg").src = "CheckCodeget?r="+ Math.random();
	}
</script>
	<style>
	/* http://css-tricks.com/perfect-full-page-background-image/ */
		html {
			background:url(./images/loginBackground.jpg) no-repeat center center fixed; 
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}

		body {
			padding-top: 10%;
			font-size: 16px;
			font-family: "Open Sans",serif;
			background: transparent;
		}

		h1 {
			font-family: "Abel", Arial, sans-serif;
			font-weight: 400;
			font-size: 40px;
		}

		/* Override B3 .panel adding a subtly transparent background */
		.panel {
			background-color: rgba(255, 255, 255, 0.7);
		}

		.margin-base-vertical {
			margin: 40px 0;
		}

	</style>

</head>
<body>

  <div class="container">
		<div class="row">
			<div class="col-md-3 col-md-offset-2 pull-right panel panel-default">
				<form class="margin-base-vertical" action="loginAction" method="post">
					<p class="input-group">
						<span class="input-group-addon"><span class="icon-user"></span></span>
						<input type="text" class="form-control input-lg" name="username" id ="username" placeholder="用户名">
					</p>
                    <p class="input-group">
						<span class="input-group-addon"><span class=" icon-lock"></span></span>
						<input type="password" class="form-control input-lg" name="password" id="password"  placeholder="密码">
					</p>
				  <p class="input-group">
                    <input type="text" class="form-control input-lg" name="CAPTCHA" id="CAPTCHA"  style="width:55%" placeholder="验证码">
                    <a  href="JavaScript:reLoadImage();"><img class="form-control input-lg pull-right" style="width:45%" alt="" src="CheckCodeget" title="点击刷新"	name="valimg" id="valimg"/> </a>
                    </p>
					<p class="text-center">
						<button type="submit" class="btn btn-success btn-lg btn-block">登录</button>
					</p>
					
				</form>

				<div class="margin-base-vertical">
					<small class="text-muted">技术支持： <a href="about/about.jsp">红土科技创新团队</a>.</small>
				</div>

			</div><!-- //main content -->
		</div><!-- //row -->
	</div> <!-- //container -->


</body></html>